<template>
	<!-- 佣金排行榜 -->
	<view class="comm">
		<view class="misssio">
			<image src="../../static/distribution/2.jpg" mode=""></image>
			<text
				style="color:#fff;position: absolute;left:7vw ;top: 10vh;font-size: 20px;"
			>
				您目前没排行
			</text>
		</view>
		<view class="jin">
			<view class="quan">
				<view class="zhou">周排行</view>
				<view class="yue">月排行</view>
				<view class="zhou1"></view>
			</view>
		</view>
		<Aside></Aside>
	</view>
</template>

<script>
import {comm} from "../../network/pointer.js";
import Aside from "@/components/asideNav.vue";
export default {
	data() {
		return {};
	},
	components: {
		Aside
	},
	async created() {
		let res = await comm();
		console.log(res);
	}
};
</script>

<style scoped>
.comm {
	width: 100vw;
	height: 100vh;
	background-color: #f5f5f5;
}
.misssio {
	width: 100vw;
	height: 20vh;
}
image {
	width: 100vw;
	height: 20vh;
}
.jin {
	width: 89vw;
	height: 6vh;
	background-color: #ffffff;
	border-radius: 15px 15px 0 0;
	position: absolute;
	top: 254rpx;
	left: 20px;
}
.quan {
	width: 89vw;
	height: 50px;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
}
.zhou {
	margin-top: 20px;
	margin-left: 50px;
}
.yue {
	margin-top: 20px;
	margin-right: 50px;
}

.zhou:hover {
	color: red;
	border-bottom: 2px solid red;
}
.yue:hover {
	color: red;
	border-bottom: 2px solid red;
}
.zhou1 {
	width: 89vw;
	height: 24vh;
	background-color: #fff;
	border-radius: 0 0 15px 15px;
	position: absolute;
	top: 6vh;
	left: 0;
	text-align: center;
}
</style>
